<template>
  <div>
    <img class="icon" :src="imgIcon" alt="" />
    <section>
        <span>姓名：</span>
        <span>{{ info.name }}</span>
    </section>
    <section>
        <span>妻子：</span>
        <span>{{ info.couple.name }}</span>
    </section>
  </div>
</template>

<script lang="ts">
import imgIcon from "./assets/1.jpg";
interface Info {
    name: string;
    age: number;
}

const couple:Info = {
    name: 'ting',
    age: 18
}

export default {
  data() {
    return {
      imgIcon,
      info: {
          name: 'gao',
          age: 18,
          couple: couple
      }
    };
  },
};
</script>

<style scoped lang="less">
.icon {
  width: 50px;
  height: 50px;
}
</style>
